<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" >

	<f:view contentType="text/html">
		
		<h:head>
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>					
			<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
			
			<script src="#{request.contextPath}/js/bootstrap.js"></script>
			<link type="text/css" href="#{request.contextPath}/css/bootstrap.css" rel="stylesheet" />

			<link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/style.css" />
			<link rel="shortcut icon" href="#{request.contextPath}/images/logo_market.ico" type="image/x-icon"/>
			
			<!-- Para los iconos de los botones etc -->
			<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>
		</h:head>

		<h:body>
	
			<div class="navbar navbar-default navbar-static-top" role="banner" style="height: 50px;">
				<div class="container">
					<div class="navbar-header">
						<button class="navbar-toggle" data-target=".bs-navbar-collapse" data-toggle="collapse" type="button">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
			
						<div class="container navbar-brand" style="font-size:9px; padding:13px; width:240px;" >
							<div id="header-title" style="margin:0px 0px 0px; vertical-align: middle;">
								<h1 class="animated fadeInDown" style="margin:0px;">Marketplace  <span>G1</span></h1>
								<!-- <p class="animated fadeInLeft">Prototipo | Marketplace Grupo 1 | Tecnologo en Informatica 2013 </p> -->
							</div>
						</div>
				
					</div>
					
					<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
						<ul class="nav navbar-nav navbar-right">
							<li>
								<p:commandLink action="#{versionBean.getListarVersionesProveedor()}" title="Versiones">
									<span class="texto-icono">Versiones</span><span class="glyphicon glyphicon-star"></span>
						 		</p:commandLink>
					 		</li>
							<li>
								<p:commandLink action="#{contenidoDigitalBean.listarContenidosProveedor()}" title="Contenidos Digitales">
									<span class="texto-icono">Contenidos Digitales</span><span class="glyphicon glyphicon-list"></span>
								 </p:commandLink>
							</li>
							<li>
								<a href="#" title="Estadisticas" >
									<span class="texto-icono">Estadisticas</span><span class="glyphicon glyphicon-stats"></span>
								</a>
							</li>
<!-- 							<li> -->
<!-- 								<a href="/MarketWEB/proveedor/estadisticasDescargasContenido.xhtml" title="Estadisticas" > -->
<!-- 									<span class="glyphicon glyphicon-stats"></span> -->
<!-- 								</a> -->
<!-- 							</li> -->

							<li class="dropdown">
								<a class="dropdown-toggle" href="#" data-toggle="dropdown">
									<!-- <img class="nav-user-pic img-responsive" alt="" src="img/user.jpg" /> -->
									<h:outputLabel value="#{loginBean.email}" style="margin:0px; color: #6ACEEB; font-size:11px;">
										<b class="caret"></b>
									</h:outputLabel>									
								</a>
								
								<div class="dropdown-menu dropdown-profile animated fadeInUp" style="height:auto;  width:auto;">									
									<p:graphicImage value="/Imagenes/Logos/#{loginBean.email}" 
													styleClass="media-object logo pull-left" 
													width="90" height="90" style="margin: 5px;"/>
									<h4>Proveedor</h4>
									
									<h:outputLabel value="#{loginBean.email}" style="font-size:11px;"/>										
									<h:form>
						         		<h:commandLink id="edit" value="Editar " actionListener="#{proveedorBean.getModificarProveedor(loginBean.email)}"
		             							styleClass="btn btn-primary btn-sm" style="float: rigth; margin:5px;">
		             						<span class="glyphicon glyphicon-user"></span>
		             					</h:commandLink>
						         		<h:commandLink id="logout" value="Salir " actionListener="#{loginBean.logout}"
		             							styleClass="btn btn-danger btn-sm" style="float: rigth; margin:5px;">
		             						<span class="glyphicon glyphicon-log-in"></span>
		             					</h:commandLink>
           							</h:form>									
								</div>							
							</li>
							<li>
		            			<a href="/MarketWEB/market/index.xhtml" style="color:#ffffff;">
			            			<span class="texto-icono">Home</span><span class="glyphicon glyphicon-home" ></span>
		            			</a>
							</li>
						</ul>
					</nav>					
				</div>
			</div>


			<div id="wrap" class="container">
				<ui:insert name="index"></ui:insert>
				<ui:insert name="adminRegistro"></ui:insert>
				<ui:insert name="adminListar"></ui:insert>
				<ui:insert name="adminModificar"></ui:insert>
				<ui:insert name="categoriaRegistro"></ui:insert>
				<ui:insert name="categoriaListar"></ui:insert>
				<ui:insert name="subcategoriaRegistro"></ui:insert>
				<ui:insert name="subcategoriaListar"></ui:insert>
				<ui:insert name="cdRegistro"></ui:insert>
				<ui:insert name="cdListar"></ui:insert>
				<ui:insert name="versionRegistro"></ui:insert>
				<ui:insert name="versionListar"></ui:insert>
				<ui:insert name="itemsCD"></ui:insert>
				<ui:insert name="registroDescargas"></ui:insert>				
			</div>
		
			<div id="footer" style="padding:15px; background-color:#101010; height: 200px;">
				<div class="copyright">
					<!-- <img src="../img/logomarket2.png" style="width:30px"></img> -->
					<span>  Universidad de la Republica | Facultad de Ingenieria  </span> 
					<!-- <span class="glyphicon glyphicon-link"></span> -->
				</div>
				
				<div class="copyright">
					<!-- <img src="../img/logomarket2.png" style="width:30px"></img> --> 
					<span>  Administracion Nacional de Educacion Publica | Consejo de Educacion Tecnico Profesional  </span>
					<!-- <span class="glyphicon glyphicon-link"></span> -->
				</div>
				<div class="copyright"> Tecnologo en Informatica | Grupo 1 | 2013 </div>
			</div>

		</h:body>
	</f:view>
</html>
